<template>
  <div id="zhangdan_detail">
    <mt-header title="账单详情">
      <router-link to="/zhangdan" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <div class="continer">
      <h3>{{ data.name }}</h3>
      <h4>{{ data.money }}</h4>
      <div><label for="">商品说明:</label> {{ data.remark }}</div>
      <div><label for="">支付时间:</label> {{ data.time }}</div>
      <div><label for="">订单编号:</label> {{ data.orderNo }}</div>
      <div><label for="">账单分类:</label> {{ data.catetoryName }}</div>
      <div><label for="">交易类别:</label> {{ data.modeName }}</div>
    </div>
  </div>
</template>
<script>
export default {
  name: "zhangdan_Detail",
  components: {},
  data() {
    return {
      id: 0,
      data: {
        name: "小贱鸡盖饭",
        orderNo: "500234166553254564",
        catetoryName: "食",
        modeName: "支付宝",
        remark: "123",
        time: "2020-03-23",
        money: 22.0,
      },
    };
  },
  mounted() {
    this.id = this.$route.params.id;
    
  },
};
</script>
<style lang="stylus" scoped>
.continer {
  h3, h4 {
    text-align: center;
  }

  div {
    margin-left: 3em;
    line-height: 35px;
  }

  label {
    color: #919191;
  }
}
</style>
